import VueRouter from 'vue-router'
import Find from '../views/Find.vue'
import My from '../views/My.vue'
import Part from '../views/Part.vue'
import NotFound from '../views/NotFound.vue'
import Vue from 'vue'


//3.安装VueRouter插件,Vue.use()
Vue.use(VueRouter)
//4.创建路由对象
//核心步骤1：配置路由规则
const routes =[
  //一个对象表示一条路由规则
  {
    path:'/',
    redirect:'/find'
  },
  {
    //路径
    path:'/Find',
    //组件
    component:Find
  },
  {
    path:'/My/:id',
    component:My
  },
  {
    path:'/Part',
    component:Part
  },
  {
    path:"*",
    component:NotFound
  }
]
const router =new VueRouter({
  routes,
  linkActiveClass:'aa',
  linkExactActiveClass:'active',
  mode:'hash' //#就是hash模式
  //没有# history模式，使用的是H5的history.pushState API(可以做到不刷新页面，切换路径)
  //如何要使用 history模式 ,必须要后端程序员的配合
})
export default router